<!-- Created by henian.xu on 2017/3/26. -->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="../static/sass/z-app.css">
  <title>注册页面</title>
</head>
<body>
<div class="page-group">
  <div class="page enter">
    <!--页头-->
    <div class="z-header">
      <div class="z-container fn-clear">
        <a href="#" class="fn-right">泉视界通行证>></a>
      </div>
    </div>
    <!--主要区域-->
    <div class="z-content">
      <div class="z-container">
        <div class="logo" style="width: 650px; margin: 20px auto 0 auto;">
          <img src="../static/images/logo-big.png" alt="" width="315" height="80">
        </div>
      </div>
      <div class="z-container">
        <div class="register-box">
          <form class="enter-form">
            <div class="form-item user-name">
              <i class="icon icon-userName"></i>
              <input type="text" placeholder="用户名">
            </div>
            <div class="form-item password">
              <i class="icon icon-password"></i>
              <input type="password" placeholder="密码">
            </div>
            <div class="form-item password-again">
              <i class="icon icon-password"></i>
              <input type="password" placeholder="确认密码">
            </div>
            <div class="form-item mobile">
              <i class="icon icon-mobile"></i>
              <input type="text" placeholder="请填写手机号">
            </div>
            <div class="form-item valid">
              <i class="icon icon-valid"></i>
              <input type="text" placeholder="验证码">
              <a href="#" class="valid-btn">获取验证码</a>
            </div>

            <div class="">
              <a href="#" target="_blank" class="fw-b tc-second"><input type="checkbox" style="margin-right: 10px;">我已阅读并同意《使用条款和隐私政策》</a>
            </div>
            <div class="ta-c">
              <button type="submit" class="register-btn"></button>
            </div>
          </form>
        </div>
      </div>
    </div>
    <!--页脚-->
    <div class="z-footer">
      <div class="z-container">
        <div>|&nbsp;&nbsp;<a href="#">泉州广播电视台版权所有 未经授权禁止转载</a>&nbsp;&nbsp;|</div>
        <div>
          |&nbsp;&nbsp;<a href="#">泉州广播电视台版权所有 未经授权禁止转载</a>&nbsp;&nbsp;|
          &nbsp;&nbsp;<a href="#">泉州广播电视台版权所有 未经授权禁止转载</a>&nbsp;&nbsp;|
        </div>
        <div>
          |&nbsp;&nbsp;<a href="#">未经授权禁止转载</a>&nbsp;&nbsp;|
          &nbsp;&nbsp;<a href="#">未经授权禁止转载</a>&nbsp;&nbsp;|
          &nbsp;&nbsp;<a href="#">未经授权禁止转载</a>&nbsp;&nbsp;|
          &nbsp;&nbsp;<a href="#">未经授权禁止转载</a>&nbsp;&nbsp;|
          &nbsp;&nbsp;<a href="#">未经授权禁止转载</a>&nbsp;&nbsp;|
        </div>
      </div>
    </div>
    <!--弹出窗-->
    <div class="z-components"></div>
  </div>
</div>
<script src="../static/libs/jquery-1.11.3.js"></script>
<script src="../static/libs/swiper.min.js"></script>
<script src="../static/js/comm.js"></script>
</body>
</html>